<template>
  <swiper
    :indicator-dots="true"
    :autoplay="true"
    :circular="true"
    indicator-active-color="#ffffff"
    class="swipe-image"
  >
    <swiper-item v-for="img in imgs" :key="img.pic" class="swipe-image__item">
      <img class="swipe-image__img" :src="img.pic" />
    </swiper-item>
  </swiper>
</template>

<script>
export default {
  props: {
    imgs: {
      type: Array,
      required: true
    }
  }
};
</script>

<style lang="less">
.swipe-image {
  height: 335px;

  &__img {
    width: 100%;
    height: 100%;
  }
}
</style>
